/*重庆hover：186行*/


/*顶部header第一块的代码*/

* {
	padding: 0;
	margin: 0;
}
.dingbu{
	width: 100%;
	height: 29px;
	background:#DDDDDD;
	
}
#header {
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	height: 29px;
	box-sizing: border-box;
	padding-bottom: 7px;
	padding-top: 7px;
	/*display: inline-block;*/
	position: relative;
	width: 1200px;
	margin: 0 auto;
	background: #DDDDDD;
}


/*header-top-left头部-顶部-左边*/

a {
	color: black;
}
#header-top-left{
	position: absolute;
	top:0px;
}
#header-top-left p {
	/*float: left;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
	display: inline-block;
	font-size: 11px;
	height: 11px;
	/*margin-left: 10px;*/
	line-height: 29px;
	/*float: left;*/
}


/*.evaluate span{
	color: red;
}*/

#header-top-left .t {
	/*line-height: 29px;*/
	/*margin-top: 5px;*/position: absolute;
	top:7px;
	display: inline-block;
	width: 15px;
	height: 15px;
	/*margin-left: 355px;*/
	background: url('../img/epetbrand.png') no-repeat;
	/*background-position: left;*/
}
#header-top-left a{
	display: inline-block;
	line-height: 29px;
/*	margin-bottom: 10px;*/
}
.E-pet {
	/*width: 58px;*/
	height: 12px;
	/*background: red;*/
	text-align: right;
	margin-left: 15px;
}

.send {
	margin-left: 11px;
}


/*有需要写hover的地方，最后写*/

#sas{
	font-size: 11px;
	
}
.xa{
	
	background: url('../img/xqico.png') no-repeat -6px -34px;
	width: 9px!important;
	height: 5px!important;
	display: inline-block;
}
.quality {
	text-align: right;
	width: 65px;
}

.quality1 {
	margin-left: 10px;
	width: 16px;
	height: 16px;
	background: url(../img/bg.png) no-repeat -10px -433px;
}

.evaluate {
	width: 85px;
	text-align: right;
}

.evaluate span {
	color: red;
}


/*header-top-left头部-顶部-右边*/
#header-top-right{
/*	width: 1000px;*/
	display: inline-block;
	position: absolute;
	right: 0;
}
#header-top-right p {
	float: right;
	font-size: 11px;
	display: inline-block;
	/*height: 29px;*/
	/*line-height: 29px;*/
}

#header-top-right p a:hover {
	color: blue;
}

#header-top-left p a:hover {
	color: blue;
}

#header-top-right p:nth-child(13) {
	width: 44px;
}

#header-top-right p:nth-child(12) {
	width: 43px;
}

#header-top-right p:nth-child(11) {
	/*display: inline-block;
	/*background: red;*/
	width: 14px;
	height: 14px;
	background: url(../img/bg.png) no-repeat;
	background-position: -290px -46px;
}
.dengluming{
	width: 100px!important;
	display: inline-block;
	
}
#header-top-right p:nth-child(10) {
	width: 55px;
	text-align: right;
}

#header-top-right p:nth-child(10) span {
	/*width: 55px;*/
	/*text-align: right;*/
	color: red;
}

#header-top-right p:nth-child(9) {
	width: 14px;
	height: 14px;
	background: url(../img/bg.png) no-repeat;
	background-position: -312px -46px;
	margin-left: 16px;
}

#header-top-right p:nth-child(8) {
	width: 54px;
	text-align: center;
	float: right;
	position: relative;
}

#header-top-right p:nth-child(7) {}

#header-top-right p:nth-child(6) {
	width: 14px;
	height: 14px;
	background: url(../img/bg.png) no-repeat;
	background-position: -355px -46px;
	margin-left: 16px;
}

#header-top-right p:nth-child(5) {
	width: 34px;
	text-align: center;
}

#header-top-right p:nth-child(3) {
	width: 14px;
	height: 14px;
	background: url(../img/bg.png) no-repeat;
	background-position: -337px -46px;
	margin-left: 16px;
}

#header-top-right p:nth-child(1) {
	text-align: right;
	width: 59px;
	/*margin-right: 372px;*/
}

#header-top-right p:nth-child(1) a {
	color: red;
}
.Ec{
	/*position: relative;*/
	height: 28.44PX;
	display: inline-block;
}
.Ec1{
	/*position: relative;*/
	height: 28.44PX;
	display: inline-block;
}
.Echong {
	width: 80px;
	height: 90px;
	border: 1px solid #dddddd;
	position: absolute;
	top: 20px;
	right: 195px;
	/*left: 200px;*/
	text-align: center;
	display: none;
	background: white;
	z-index: 100;
}

.Echong li {
	font-size: 11px;
	line-height: 18px;
	/*list-style: disc;*/
}

.Echong1 {
	width: 80px;
	height: 20px;
	border: 1px solid #dddddd;
	position: absolute;
	top: 20px;
	right: 115px;
	text-align: center;
	display: none;
	z-index: 1000;
	
}
.Echong li:hover a{
	color: cornflowerblue;
}
.Echong1 li:hover a{
	color: cornflowerblue;
}
.Echong1 li {
	font-size: 11px;
	line-height: 18px;
}


/*重庆hover代码*/
.CQhv{
	float: left;
	display: inline-block;
}
/*#sas{
	position: absolute;
}*/
.area {
	background: white;
	width: 416px;
	height: 296px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	position: absolute;
	left: 100px;
	/*top: 30px;*/
	padding: 5px;
	z-index: 1000000000;
	display: none;
	
}

.area strong {
	display: inline-block;
	float: left;
	width: 72px!important;
	height: 25px;
	/*background: #f6f6f6;*/
	line-height: 25px;
	text-align: center;
	color: #888888;
	font-size: 11px;
	border: 1px solid #dddddd;
	border-bottom: none;
	position: absolute;
	z-index: 10;
	bottom: 264px;
}
.sit1{

	/*background:white;*/
	background: #f6f6f6;
	
}
.sit2{
	background:white;

	
}
.area-ul1 span:hover{
	/*display: block;*/
	background: orange;
	cursor: pointer;
	
}
.area-ul2 span:hover{
	/*display: block;*/
	background: orange;
	cursor: pointer;
	
}
/*#sas:hover{
	color: red;
}*/
.area strong a {
	display: inline-block;
	width: 72px!important;
	height: 25px;
}

.area strong:nth-child(2) {
	margin-left: 79px;
}

.area hr {
	width: 100%;
	position: absolute;
	bottom: 264px;
	margin-top: 24px;
	background: #dddddd;
	border: 0.5px solid #dddddd;
}

.area .area-ul1 li i {
	width: 50px;
	height: 16px;
	border-right: 1px dashed #ddd;
}

.area .area-ul1 li {
	margin-top: 10px;
	font-size: 11px;
}

.area .area-ul1 {
	margin-top: 16px;
	display: none;
	margin-left: 15px;
}
.area .area-ul2 {
	margin-top: 16px;
	/*display: none;*/
	margin-left: 5px;
}
.area .area-ul1 li span {
	display: inline-block;
	width: 44px;
	height: 20px;
	margin-left: 3px;
	line-height: 20px;
	text-align: center;
}

.area .area-ul2 li span {
	padding: 4px 10px 4px 10px;
	display: inline-block;
	font-size: 11px;
}
.area .area-ul2{
	height: 200px;
}

/*重庆hover代码*/


/*顶部header第二块的代码*/

#header2 {
	width: 1198px;
	height: 120px;
	margin: 0 auto;
	/*background: red;*/
	position: relative;
	/*float: left;*/
}

#header2 #Eda {
	/*float: left;*/
	display: inline-block;
	line-height: 120px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
	/*box-sizing: border-box;*/
}

#header2 .header2-center {
	width: 479px;
	height: 58px;
	/*background: blue;*/
	/*float: left;*/
	position: absolute;
	top: 50%;
	left: 301px;
	transform: translateY(-50%);
	z-index: 100000000;
}

#header2 .header2-center .search input {
	width: 405px;
	height: 34px;
	border: 2px solid #459d36;
	box-sizing: border-box;
	float: left;
	position: relative;
}

#header2 .header2-center .search button {
	width: 73px;
	height: 34px;
	background: #459d36;
	color: white;
	border: none;
	float: left;
}

#header2 .header2-center .list {

	/*z-index: 9999;*/
}

#header2 .hot {
	font-size: 11px;
	color: #999999;
	position: absolute;
	bottom: 0px;
}

#header2 .hot a {
	color: #999999;
}

#header2 .hot a:nth-child(1) {
	color: red;
}

#header2 .header2-right {
	/*float: left;*/
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

#header2 .header2-right img {
	position: relative;
}

#header2 .header2-right a {
	position: absolute;
	left: 49px;
	top: 50%;
	transform: translateY(-50%);
}

#header2 .header2-right a span {
	color: red;
}

/*搜索框内容*/
.list{
	position: absolute;
	top: 34px;
	width: 405px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #CDCDCD;
	box-sizing: border-box;
	display: none;
	background: red;
	z-index: 99999;
}

/*nav导航*/

#nav {
	width: 1198px;
	height: 34px;
	margin: 0 auto;
	/*background: red;*/
	/*position: absolute;
	left: 50%;
	transform: translateX(-50%);*/
	position: relative;
	z-index: 99;
}

#nav .dog {
	width: 114px;
	height: 34px;
	border: 1px solid #e1e1e1;
	float: left;
	text-align: center;
	box-sizing: border-box;
}

#nav .dog span {
	display: inline-block;
	/*width: 53px;*/
	height: 24px;
	font-size: 15px;
	color: #444444;
	line-height: 34px;
	text-align: left;
}

#nav .dog i {
	display: inline-block;
	width: 16px;
	height: 13px;
	background: url('../img/bg2.png') no-repeat -17px -1257px;
}

#nav .product {
	width: 114px;
	height: 34px;
	border: 1px solid #e1e1e1;
	float: left;
	text-align: center;
	box-sizing: border-box;
}

#nav .product span {
	display: inline-block;
	/*width: 53px;*/
	height: 24px;
	font-size: 15px;
	color: #444444;
	line-height: 34px;
	text-align: left;
}

#nav .product i {
	display: inline-block;
	width: 16px;
	height: 13px;
	background: url('../img/bg2.png') no-repeat -17px -1273px;
}

#nav .logo {}

#nav a {
	width: 98px;
	height: 38px;
	float: left;
	margin-left: 26px;
}

#nav .nav-list li {
	float: left;
	margin-left: 40px;
	
}
/*.nav-list-li:hover .nav-list-i{
	transform:rotate(360deg)
}*/
#nav .nav-list span {
	line-height: 34px;
	font-size: 15px;
	/*position: relative;*/
	float: left;
	font-weight: 700;
	margin-left: 5px;
}

#nav .nav-list i {
	/*margin-top: 10px;*/
	background: red;
	float: left;
	line-height: 38px;
	margin-top: 10px;
	display: inline-block;
	width: 13px;
	height: 17px;
	background: url('../img/bg2.png') no-repeat -35px -1280px;
	/*position: absolute;*/
	/*top: 2px;*/
	
}


/*banner*/

#banner {
	width: 100%;
	height: 360px;
	background: orange;
	position: 100;
}

.banner {
	width: 1198px;
	height: 360px;
	margin: 0 auto;
	background: white;
	position: relative;
	z-index: 5;
	/*float: left;*/
}
#banner-left-t{
	width: 228px;
	height: 362px;
	position: absolute;
	display: none;
}
#banner-left-t div{
	width: 228px;
	height: 119px;
	float: left;
	background: white;
	border-bottom: 1px solid #CDCDCD;
	box-sizing: border-box;
	position: relative;
	z-index: 1000;
}
#banner-left-t .imgsk1{
	position: absolute;
	left: 0px;
	top: 0;
}
#banner-left-t .imgsk2{
	position: absolute;
	left: 0px;
	top: 119px;
}
#banner-left-t .imgsk3{
	position: absolute;
	left: 0px;
	top: 238px;
}
#banner-left-t .divs3{
	border: none;
}

#banner-left-t i{
	width: 60px;
	height: 60px;
	display: inline-block;
	float: left;
	margin-left: 24px;
	margin-top: 28px;
}
#banner-left-t strong{
	font-size: 10px;
	color: #f13e3e;
}
#banner-left-t span{
	font-size: 12px;
	color: #333333;
}

#banner-left-t u{
	/*color: #b5b5c7;*/
	font-size: 12px;
	display: inline-block;
	width: 115px;
	height: 31px;
	border: 1px solid #aeaeae;
	border-radius: 5px;
	line-height: 31px;
}
#banner-left-t .svs1{
	border: 1px solid #8af777;
		color: #8af777;
}
#banner-left-t .svs2{
	border: 1px solid #e74085;
		color: #e74085;
	
}
#banner-left-t .svs3{
	border: 1px solid #059ee0;
		color: #059ee0;
	
}
.svs3:hover{
	color: white!important;
	background: #059ee0;
	cursor: pointer;
	
}
.svs2:hover{
	color: white!important;
	background: #e74085;
	cursor: pointer;
	
}
.svs1:hover{
	color: white!important;
	background: #8af777;
	cursor: pointer;
	
}
.zzz{
	background: url('../img/new_petcate.png') no-repeat ;
}
.www{
	background: url('../img/new_petcate.png') no-repeat 0px -60px;
}
.sss{
	background: url('../img/new_petcate.png') no-repeat 0px -120px;
}
#banner-left-t p{
	float: left;
	width: 115px;
	height: 54px;
	text-align: center;
	margin-left: 12px;
	margin-top: 25px;
}
.banner-left{
	display: block!important;
}
#banner-left {
	width: 228px;
	height: 362px;
	/*background: yellow;*/
	/*padding-top: 2px;*/
	/*padding-left: 12px;
	padding-right: 14px;
	box-sizing: border-box;*/
	/*float: left;*/
	position: absolute;
	/*left: 0;*/
	/*margin-left: 100px;*/
	/*display: inline-block;*/
	z-index: 10000;
	display: none;
}
.dasb{
	padding-left: 12px;
	padding-right: 14px;
	box-sizing: border-box;
	width: 100%;
	height: 51px;
	cursor: pointer;
	position: relative;
	z-index: 10;
	/*background: white;*/
}
#banner-left1,
#banner-left2,
#banner-left3,
#banner-left4,
#banner-left5,
#banner-left6,
#banner-left7 {
	/*background: blue;*/
	height: 51px;
	width: 100%;
	/*text-align: center;*/
	border-bottom: 1px dashed #dddddd;
	box-sizing: border-box;
	margin-left: 10px;
}
#banner-left7{
	position: relative;
}
#banner-left7 p{
	position: absolute;
	top: 0;
	left: 30px;
}
#banner-left7 i{
	position: absolute;
	top: 0;
	left: 0;
}
#banner-left7 span{
	position: absolute;
	top: 3px;
	left: 140px;
}
#banner-left p {
	width: 61px;
	float: left;
	font-size: 12px;
	line-height: 51px;
	color: #444444;
}

#banner-left p span {
	margin-left: 5px;
	color: #999999;
}

.banner-left-p1 {
	margin-left: 8px;
}

.banner-left-p2 {
	margin-left: 34px;
}

#banner-left i {
	/*float: left;*/
	display: inline-block;
	width: 5px;
	height: 6px;
	background: url('../img/bg2.png') no-repeat -27px -292px;
	margin-left: 24px;
	line-height: 51px;
	margin-top: 20px;
}

#banner-left7 i {
	width: 17px;
	height: 22px;
	display: inline-block;
	background: url('../img/active.png');
	float: left;
	margin-left: 8px;
	margin-top: 12px;
}

#banner-left7 span {
	display: inline-block;
	width: 34px;
	height: 19px;
	background: #fb6003;
	border-radius: 5px;
	font-size: 11px;
	text-align: center;
	line-height: 19px;
	float: left;
	margin-left: 10px;
	margin-top: 14px;
	
}

#banner-left7 p {
	width: 125px;
	font-size: 12px;
	color: #22990d;
	font-weight: 700;
	float: left;
	margin-left: 5px;
}
.banner-felei{
	width: 714px;
	height: 760px;
	background: white;
	position: absolute;
	left: 227px;
	z-index: 1;
	border: 1px solid #62a727;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	box-sizing: border-box;
	/*top: ;*/
	display: none;                                /*asdas asasdsafasfasfasfsafasfasf*/
}
.banner-felei-top{
	width: 100%;
	height: 56px;
	border-bottom: 1px dashed #dddddd;
	box-sizing: border-box;
	margin-top: 12px;
}
.banner-felei-top img{
	float: left;
	margin-left: 12px;
}
.kg{
	margin-top: 16px;
	margin-left: 19px;
}
.banner-felei-top span{
	float: left;
	line-height: 50px;
	margin-left: 15px;
	font-size: 20px;
	/*color: #248dcc;*/
}
.banner-felei-center{
	width: 100%;
	height: 50px;
	border-bottom: 1px dashed #dddddd;
	box-sizing: border-box;
	padding-bottom: 4px;
	padding-top: 4px;
}
.banner-felei-center strong{
	float: left;
	line-height: 50px;
	margin-left: 80px;
	color: #008000;
	font-weight: 700;
	font-size: 13px;
}
.banner-felei-center img{
	width: 42px;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
}
.banner-felei-center i{
	float: left;
	line-height: 50px;
	color: #dddddd;
	
}
.banner-felei-top span:hover{
	color:#249bdb!important ;
	cursor: pointer;
}
.banner-felei-center span:hover{
	color:#249bdb!important ;
	cursor: pointer;
	
	
}
.banner-felei-center span{
	line-height: 50px;
	font-size: 13px;
	float: left;
	color: #444444;
}
.banner-felei1{
	                                          /*asdasdasdasdasdasdd*/
	height: 680px;
	/*top:51px;*/
}
.banner-felei2{
	/*display: block;*/
	/*top:102px;*/
	
}
.banner-felei3{
	/*top:153px;*/
	/*display: block;*/
	height: 810px;
	
}
.banner-felei4{
	/*top:153px;*/
	/*display: block;*/
	height: 810px;
	
}
.banner-felei5{
	/*top:153px;*/
	height: 530px;
	/*display: block;*/
	/*height: 810px;*/
	
}
.tuc1{
	margin-top: 8px;
}
.banner-imgs{
	width: 814px;
	height: 476px;
	background: white;
	position: absolute;
	left: 227px;
	z-index: 1;
	border: 1px solid #62a727;
	/*display: none;*/
}
.show{
	display: block;
}
.banner-imgs img{
	float: left;
	width: 384px;
	/*margin-left: 15px;
	margin-top: 25px;*/
}
.banner-imgs a{
	float: left;
	width: 384px;
	margin-left: 10px;
	margin-top: 12px;
}
.banner-imgs a:nth-child(5) img{
	/*float: left;*/
	width: 115px;
	/*margin-left: 340px;*/
	/*margin-top: 30px;*/
}
.banner-imgs a:nth-child(5) img{
	float: left;
	width: 115px;
	margin-left: 330px;
	margin-top: 30px;
}
#banner-center {
	width: 772px;
	height: 360px;
	/*float: left;*/
	display: inline-block;
	position: absolute;
	left: 228px;
}

#banner-center #img1,
#img2,
#img3,
#img4,
#img5,
#img6,
#img7,
#img8,
#img9 {
	display: none;
}

.banner #banner-center .actives {
	display: inline-block!important;
}

.banner #banner-center #banner-center-bottom {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 13px;
}

.banner #banner-center #banner-center-bottom span {
	display: inline-block;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background: #999999;
	font-size: 9px;
	color: white;
	line-height: 21px;
	text-align: center;
	margin-left: 8px;
}

.banner #banner-center #banner-center-bottom span:nth-child(1) {
	margin-left: 0;
}

.banner .banner-right {
	width: 200px;
	height: 360px;
	position: absolute;
	right: 0px;
}
.banner .banner-right img{
	/*position: absolute;*/
	/*left: 0;
	right: 0;*/
	transition: all .5s;
}
.banner .banner-right img:hover{
	transform:translateX(-10px)
}
/*#banner-right > img.translateX{
	transform:translateX(-10px);
	}*/
.banner-right .banner-right-top {
	height: 120px;
	width: 200px;
	overflow: hidden;
	/*background: yellow;*/
	
}


/*main*/

#main {
	width: 1200px;
	height: 460px;
	/*background: red;*/
	margin: 0 auto;
	margin-top: 30px;
	/*border: 1px solid #dddddd;
	box-sizing: border-box;*/
}

#main .main-left {
	width: 328px;
	height: 460px;
	background: orange;
	float: left;
	position: relative;
}

#main .main-left .clock {
	position: absolute;
	top: 196px;
	left: 108px;
}

#main .main-left .time {
	position: absolute;
	top: 196px;
	left: 136px;
	font-size: 22px;
	font-weight: 700;
	color: white;
}

#main .main-left .jxz {
	position: absolute;
	top: 180px;
	left: 200px;
}

#main .main-left .down {
	position: absolute;
	top: 368px;
	left: 42px;
}

#main .main-left .down span {
	font-size: 11px;
	color: #e9fff2;
	font-weight: 700;
	position: absolute;
	left: 11px;
	top: 10px;
}

.main-left #box {
	width: 280px;
	height: 32px;
	border-radius: 5px;
	background: #ff7188;
	overflow: hidden;
	position: absolute;
	left: 24px;
	bottom: 18px;
}

.main-left #box #ul_box .roller .headImg {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-top: 4px;
}

.main-left #box #ul_box .roller .headImg img {
	width: 100%;
	height: 100%;
	/*margin-top: 3;*/
}

.main-left #box #ul_box .roller {
	font-size: 11px;
	float: left;
	line-height: 32px;
	color: white;
	margin-left: 10px;
}
#box{
	/*position: relative;*/
}
#ul_box{
	position: absolute;
	/*top: !important;*/
	left: 0;
}
#main .main-right {
	width: 872px;
	height: 460px;
	/*background: yellow;*/
	float: left;
	border: 1px solid #dddddd;
	box-sizing: border-box;
}

#main .main-right .main-right-top {
	width: 872px;
	height: 68px;
	border-bottom: 1px solid #dddddd;
	padding-left: 35px;
	padding-right: 20px;
	/*background: pink;*/
	box-sizing: border-box;
	padding-top: 24px;
	/*padding-bottom: 24px;*/
	box-sizing: border-box;
	
}

#main .main-right .main-right-top .main-right-top-span1 {
	width: 20px;
	height: 30px;
	/*background: black;*/
	float: left;
}

#main .main-right .main-right-top .main-right-top-span2 span {
	display: inline-block;
	width: 5px;
	height: 9px;
	background: url(../img/index-ico.png) no-repeat -70px -25px;
	margin-left: 15px;
	margin-top: 10px;
}

#main .main-right .main-right-top .main-right-top-span1 span {
	display: inline-block;
	width: 5px;
	height: 9px;
	background: url(../img/index-ico.png) no-repeat -77px -25px;
	/*margin-left: 15px;*/
	margin-top: 10px;
}

#main .main-right .main-right-top .main-right-top-span2 {
	width: 20px;
	height: 30px;
	/*background: black;*/
	float: right;
}

#main .main-right .main-right-top .times li {
	width: 65px;
	height: 44px;
	/*background: red;*/
	float: left;
	font-size: 11px;
	text-align: center;
	/*margin-left: 53px;*/
}
#main .main-right .main-right-top .times p{
	display: inline-block;
	float: left;
	width: 53px;
	height: 44px;
}
#main .main-right .main-right-top .times .times-li1:nth-child(1) {
	margin-left: 0;
}

#main .main-right .main-right-top .times {
	width: 1010px;

	height: 44px;
	/*height: 31px;*/
	float: left;
	position: absolute;
}
.times-span{
	font-size: 14px;
	font-weight: 700;
}
.times-li1{
	/*color: red;*/
	/*border-bottom: 2px solid #ed4044;*/
	/*border-left: none;
	border-right: none;
	border-top: none;*/
	/*bor*/
	box-sizing: border-box;
}

.timse-color{
	color: #ed4044;
}
.times-i{
	font-weight: 900;
	font-size: 13.5px;
}

.main-right-bottom {
	width: 872px;
	height: 392px;
	/*background: blue;*/
	padding-top: 20px;
	padding-left: 35px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;

}
.main-right-bottom2{
	height: 362px;
	width: 799px;
	overflow: hidden;
	position: absolute;
	/*float: left;*/

}
.main-right-bottom1{
	height: 362px;
	width: 1900px;
	overflow: hidden;
	position: absolute;
	/*float: left;*/

}
.main-right-bottom .anniu1{
	width: 28px;
	height: 62px;
	background: url('../img/index-ico.png') no-repeat -13px -77px;
	position: absolute;
	left: 0px;
		top: 50%;
	transform: translateY(-50%);
}
.main-right-bottom .anniu2{
	width: 28px;
	height: 62px;
	background: url('../img/index-ico.png') no-repeat -45px -77px;
	position: absolute;
	right: 0px;
		top: 50%;
	transform: translateY(-50%);
}
.main-right-bottom .products {
	width: 166px;
	height: 362px;
	float: left;
	/*background: orange;*/
	margin-left: 45px;
}
.caonima{
	width: 777px;
	height: 44px;
	float: left;
	position: relative;
	overflow: hidden;
	
}
.mainimg1:hover{
	position: absolute;
	/*top: -10px;*/
	transform: translateY(-10px);
	
}
.main-right-bottom .products:nth-child(1) {
	margin-left: 0;
}

.main-right-bottom .products .mainimg1 {
	width: 166px;
	transition: transform 0.5s ease-out;
	
	
}
.products div{
	width: 166px;
	height: 166px;
	overflow: hidden;
	position: relative;
}
.main-right-bottom .products span {
	height: 30px;
	margin-top: 5px;
	display: inline-block;
	width: 158px;
	margin-left: 10px;
	font-size: 11px;
	color: #444444;
}

.main-right-bottom .products p {
	margin-left: 10px;
	font-size: 15px;
	color: red;
	font-weight: 700;
	margin-top: 14px;
}

.main-right-bottom .products p s {
	color: #999999;
	font-size: 9px;
	font-weight: 500;
	margin-left: 5px;
}

.main-right-bottom .products i {
	width: 120px;
	height: 30px;
	display: inline-block;
	background: #cdcdcd;
	border-radius: 15px;
	color: white;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	margin-top: 38px;
	margin-left: 23px;
}


/*content*/

#content {
	width: 1200px;
	height: 581px;
	/*background: red;*/
	margin: 0 auto;
	margin-top: 54px;
	position: relative;
}

#content .DogFood {
	width: 120px;
	height: 36px;
	float: left;
	margin-left: 6px;
}

#content .DogFood span {
	font-size: 20px;
	float: left;
	margin-left: 10px;
}

#content .DogFood img {
	float: left;
}

#content .DOgFoodClassify {
	float: right;
	width: 341px;
	height: 37px;
	border: 1px solid #e7e7e7;
	border-bottom: none;
	box-sizing: border-box;
}

#content .DOgFoodClassify a {
	display: inline-block;
	width: 92px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 13px;
	/*border: 1px solid ;*/
	box-sizing: border-box;
	float: left;
	background: url('../img/shusu.png') no-repeat right center;
}

#content .DOgFoodClassify a:nth-child(1) {
	width: 63px;
}

.classifyActive {
	border: 1px solid #459d36;
	border-top: 3px solid #459d36;
	border-bottom: none;
	box-sizing: border-box;
	line-height: 32px!important;
}

#content .DOgFoodClassify a:last-child {
	background: none;
}

.content-center {
	margin-top: 8px;
}

.content-center .content-center-left {
	width: 344px;
	height: 476px;
	/*float: left;*/
}

.content-center .content-center-left img {
	width: 328px;
	height: 476px;
	position: relative;
}

.content-center .content-center-left .baitiao {
	position: absolute;
	left: 0;
	top: 324px;
	width: 328px;
	height: 8px;
	background: white;
	opacity: 0.8;
}

.content-center .content-center-left .res {
	width: 328px;
	height: 180px;
	background: #d9ebf7;
	position: absolute;
	top: 332px;
}

.content-center .bx {
	/*width: 304px;*/
	height: 28px;
	/*overflow: hidden;*/
	margin-left: 25px;
	position: absolute;
	left: -15px;
	top: 8px;
}

.content-center .content-center-left .bx span {
	float: left;
	/*line-height: 28px;*/
	line-height: 28px;
	margin-left: 5px;
}

.content-center .content-center-left .huore {
	display: inline-block;
	width: 28px;
	height: 28px;
	float: left;
	margin-left: 5px;
	/*margin-top: 10px;*/
	background: url('../img/index-ico.png') no-repeat -114px -171px;
}

.content-center .content-center-left .bx strong {
	font-size: 13px;
	float: left;
	line-height: 28px;
}

.content-center .DogFood-classifty a {
	display: inline-block;
	width: 92px;
	height: 25px;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
	color: #444444;
	background: white;
	border-radius: 15px;
	margin-left: 5px;
	margin-top: 15px;
}

.DogFood-classifty-active {
	background: #CDCDCD!important;
}

.content-center .DogFood-classifty {
	margin-top: 35px;
	margin-left: 10px;
}

.content-center-right {
	width: 873px;
	height: 476px;
	/*background: yellow;*/
	/*float: left;*/
	position: absolute;
	left: 328px;
	top: 37px;
}


/*热门*/


/*热门*/


/*热门*/


/*热门*/

.content-center-right .remen {
	display: none;
}

.remen a {
	display: inline-block;
	float: left;
}

.content-center-right .remen .box1 {
	width: 389px;
	height: 300px;
	float: left;
	/*background: black;*/
	border: 1px solid #dddddd;
	box-sizing: border-box;
	position: relative;
}

.content-center-right .remen .box2 {
	width: 484px;
	height: 150px;
	background: pink;
	float: left;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.content-center-right .remen .box2 img {
	width: 484px;
}

.content-center-right .remen .box3 img {
	width: 484px;
}

.content-center-right .remen .box3 {
	overflow: hidden;
	width: 484px;
	height: 150px;
	/*background: skyblue;*/
	float: left;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	position: relative;
}

.content-center-right .remen .box4 {
	width: 291px;
	height: 176px;
	/*background: green;*/
	float: left;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	position: relative;
}

.content-center-right .remen .box5 {
	width: 291px;
	height: 176px;
	background: greenyellow;
	float: left;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	position: relative;
}

.content-center-right .remen .box6 {
	width: 291px;
	height: 176px;
	background: lightgreen;
	float: left;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	position: relative;
}

.box-title {
	position: absolute;
}

.box-title p {
	font-size: 16px;
	color: #161b1f;
	font-weight: 600;
}

.box-title span {
	font-size: 13px;
	color: #ff2d0d;
	/*font-weight: 700;*/
}

.box1 .box-title {
	left: 28px;
	top: 33px;
}

.box2 .box-title {
	left: 68px;
	top: 33px;
}

.box3 .box-title {
	left: 68px;
	top: 33px;
}

.box4 .box-title,
.box5 .box-title,
.box6 .box-title {
	left: 30px;
	top: 17px;
}


/*进口狗粮*/


/*width: 873px;
	height: 476px;*/

.ImportedDogFood a {
	display: inline-block;
	float: left;
	width: 218.25px;
	height: 238px;
	border: 1px solid #CDCDCD;
	box-sizing: border-box;
		padding-left: 12px;
	padding-right: 12px;
	cursor: pointer;
}


.ImportedDogFood{
	display: none;
}
.disactive{
	display: inline-block!important;
}
.ImportedDogFood a img {
	width: 138px;
	margin-left: 28px;
	margin-top: 15px;
}

.ImportedDogFood a p {
	font-size: 12px;
	margin-top: 15px;
	height: 40px;
}

.ImportedDogFood a i {
	font-size: 13px;
	color: red;
	margin-top: 15px;
}

.list-click {
    cursor: pointer;/*IOS失效时给点击的元素添加这个属性*/
}
.content-bottom {
	position: absolute;
	bottom: 0;
	/*display: none;*/
}

.content-bottom div {
	width: 150px;
	height: 68px;
	/*background: blueviolet;*/
	float: left;
	border: 1px solid #CDCDCD;
	box-sizing: border-box;
	position: relative;
	/*text-align: center;*/
}

.content-bottom div img {
	/*margin-left: 25px;*/
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


/*底部*/


/*底部*/


/*底部*/


/*底部*/


/*底部*/


/*底部*/

#floor {
	width: 100%;
	background: #f5f5f5;
	min-height: 10px;
	margin-top: 40px;
}
.floor-top1{
	border-bottom:1px solid #CDCDCD ;
}
.floor-top{
	width: 1200px;
	margin: 0 auto;
}
.floor-top .floor-sm {
	width: 169px;
	height: 106px;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.clear_fix:after {
	content：""；
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hiidden;
}
.floor-top .floor-sm{
	margin-left: 37px;
}
.floor-top .floor-sm:nth-child(1){
	margin-left: 0;
}
.floor-top .floor-sm i{
	float: left;
	display: inline-block;
	width: 60px;
	height: 60px;

}
.floor-top .floor-sm span{
	float: left;
	color: #444444;
	display: inline-block;
	font-size: 19px;
	font-weight: 700;
	line-height: 60px;
	margin-left: 8px;
}
.floor-top .floor-sm:nth-child(1) i{
	background: url('../img/logo.png') no-repeat -1px -1px;
	
}
.floor-top .floor-sm:nth-child(2) i{
	background: url('../img/logo.png') no-repeat -1px -81px;
	
}
.floor-top .floor-sm:nth-child(3) i{
	background: url('../img/logo.png') no-repeat -1px -162px;
	
}
.floor-top .floor-sm:nth-child(4) i{
	background: url('../img/logo.png') no-repeat -1px -242px;
	
}
.floor-top .floor-sm:nth-child(5) i{
	background: url('../img/logo.png') no-repeat -1px -324px;
	
}
.floor-top .floor-sm:nth-child(6) i{
	background: url('../img/logo.png') no-repeat -1px -402px;
	
}
.floor-center{
	padding-top: 30px;
	/*padding-bottom: 30px;*/
	width: 1200px;
	margin: 0 auto;
	height: 161px;
	border-bottom:1px solid #CDCDCD ;
	
}
.floor-center .floor-center1{
	float: left;
}
.floor-center .floor-center1 img{
	float: left;
}
.floor-center .floor-center1 div{
	float: left;
	
}
.floor-center .floor-center1 div p{
	font-size: 14px;
	height: 38px;
	color: #666666;
}
.floor-center .floor-center1 div span{
	display: inline-block;
	font-size: 16px;
	height: 39px;
	color: #666666;
}
.floor-center .floor-center1 div i{
	font-size: 9px;
	color: #666666;
}
.floor-center .floor-center1 div strong{
	font-size: 12px;
	color: #666666;
}
.floor-center .floor-center2{
	margin-left: 90px;
	float: left;
}
.floor-center .floor-center2 h3{
	font-weight: 700;
	color: #666666;
	font-size: 13px;
	height: 39px;
}
.floor-center .floor-center2 p{
	color: #666666;
	font-size: 13px;
	height: 24px;
}
.floor-center .floor-center2:nth-child(2){
	margin-left:42px;
}
.floor-center3{
	float: left;
	text-align: center;
	margin-left: 90px;
}
.floor-center3 span{
	font-size: 13px;
	
}
.floor-center4{
	float: left;
	text-align: center;
	margin-left: 30px;
}
.floor-center4 span{
	font-size: 13px;
	
}
.youqing{
	width: 1200px;
	margin: 0 auto;
	margin-top: 24px;
	font-size: 13px;
	color: #999999;
	height: 37px;
}
.youqing a{
	font-size: 13px;
	color: #999999;
	margin-left: 19px;
}
.hezuo{
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}
.hezuo p{
	margin-top: 24px;
	font-size: 12px;
	color: #444444;
	height: 55px;
}



/*登录  注册界面*/
/*登录  注册界面*/
/*登录  注册界面*/
/*登录  注册界面*/
/*登录  注册界面*/
/*登录  注册界面*/
.geli{
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.7;
	position: fixed;
	z-index: 1000000000000;
	left: 0;
	top: 0;
	display: none;
}
.zhuce{
	width: 410px;
	height: 485px;
	background: white;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	top: 50%;
	padding-top: 40px;
	
	transform: translate(-50%,-50%);
	z-index: 10000000000011111!important;
	/*padding-left: 90px;*/
box-sizing: border-box;
text-align: center;
	/*opacity: 1!important;*/
	display: none;
	color: #f1f1f1;
	display: none;
	
	
}
.zhuce a{
	font-size: 19px;
}
.zhanghao{
	width: 302px;
	height: 42px;
	position: relative;
	margin-top: 40px;
	margin-left: 55px;
	
	
}
.zhanghao input{
	width: 210px;
	height: 42px;
	border: 1px solid #e7e7e7;
	/*border-radius: 20px;*/
	/*border-radius: 20px;*/
	position: absolute;
	left: 60px;
	border-left: none;
	border-right: none;
	background: white;
	z-index: 1;
	box-sizing: border-box;
	
}
.zhanghao-left i{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../img/newico.png') no-repeat 0px -60px;
	margin-left: 15px;
	float: left;
}
.zhanghao-left span{
	float: left;
}
.zhanghao-left{
	padding-top:10px ;
	box-sizing: border-box;
	width: 80px;
	height: 42px;
	border: 1px solid #e7e7e7;
	
	border-radius: 20px;
	position: absolute;
	left: 0;
	/*z-index: 1;*/
}
.zhanghao-right{
	box-sizing: border-box;
	
	width: 62px;
	height: 42px;
	border: 1px solid #e7e7e7;
	
	border-radius: 20px;
	position: absolute;
	right: 0;
	/*z-index: 1;*/
	
}
.zhuce a:nth-child(1){
	font-size: 19px;
	color: #ec0e18;
}

.but1{
	width: 300px;
	height: 42px;
	background: #999999;
	border-radius: 20px;
	box-sizing: border-box;
	border: none;
	color: white;
	margin-top: 50px;
}
.but2{
	width: 300px;
	height: 42px;
	background: #999999;
	border-radius: 20px;
	box-sizing: border-box;
	border: none;
	color: white;
	margin-top: 50px;
}
.zhuce p{
	width: 400px;
	/*display: inline-block;*/
	position: absolute;
	font-size: 16px;
	/*left: 55px;*/
	/*bottom: 0px;*/
	margin-top: 80px;
	color: #CDCDCD;
}
.denglu a:nth-child(2){
	color:#ec0e18 ;
}
.denglu .sdasd{
	color: black!important;
}
.denglu{
	/*display: block;*/
}
